<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css">
    <link rel="stylesheet" href="css/jquery.mobile.ui.css">
    <link rel="stylesheet" href="css/jqm-ui-demos.css">
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.mobile-1.4.5.js"></script>
  </head>
  <body>

    <div data-role="page">
      <div id="aboutMe" data-role="panel" data-position="right" data-display="overlay">
        <p><a class="link" href="javascript:;">jqm UI 文档</a></p>
      </div>
      <div class="index-header navbar" data-role="header" data-position="fixed" data-tap-toggle="false">
        <div class="nav">
          <h3 class="nav-title">jQuery mobile UI</h3>
        </div>
      </div>
      <div role="main" class="">
        <ul data-role="listview" data-inset="false">
          <li data-role="list-divider">基本组件</li>
          <li><a data-ajax="false" href="text/index.html">Text</a></li>
          <li><a data-ajax="false" href="button/index.html">Button</a></li>
          <li><a data-ajax="false" href="badge/index.html">Badge</a></li>
          <li><a data-ajax="false" href="chip/index.html">Chip</a></li>
          <li><a data-ajax="false" href="flex/index.html">Flex</a></li>
          <li><a data-ajax="false" href="switch/index.html">Switch</a></li>
          <li><a data-ajax="false" href="divider/index.html">Divider</a></li>
          <li><a data-ajax="false" href="listview/index.html">Listview</a></li>
          <li><a data-ajax="false" href="list/index.html">List</a></li>
          <li><a data-ajax="false" href="picker/index.html">Picker</a></li>
          <li><a data-ajax="false" href="collapsible/index.html">Collapsible</a></li>
          <li><a data-ajax="false" href="grid/index.html">Grid</a></li>
          <li><a data-ajax="false" href="card/index.html">Card</a></li>
          <li><a data-ajax="false" href="Loading/index.html">Loading</a></li>
          <li><a data-ajax="false" href="form/index.html">Form</a></li>
          <li><a data-ajax="false" href="popup/index.html">Popup</a></li>
          <li><a data-ajax="false" href="navbar/index.html">Navbar</a></li>
          <li><a data-ajax="false" href="tab/index.html">Tab</a></li>
          <li><a data-ajax="false" href="horizontal-view/index.html">Horizontal view</a></li>
          <li><a data-ajax="false" href="panel/index.html">Panel</a></li>
          <li><a data-ajax="false" href="check/index.html">Check</a></li>
          <li><a data-ajax="false" href="slide/index.html">Slide</a></li>

          <li data-role="list-divider">其它例子</li>
          <li><a data-ajax="false" href="examples/profile.html">我的</a></li>
          <li><a data-ajax="false" href="examples/comment.html">评论列表</a></li>
          <li><a data-ajax="false" href="examples/comment.html">验证码</a></li>
          <li><a data-ajax="false" href="examples/forgetPassword.html">忘记密码</a></li>
        </ul>
      </div>
      <!--<div data-role="footer" class="navbar" data-position="fixed">
        <div data-role="navbar">
          <ul>
            <li><a data-ajax="false" href="menus.html" data-icon="grid">组件</a></li>
            <li><a href="#aboutMe" data-icon="tag">关于</a></li>
          </ul>
        </div>
      </div>-->
    </div>

  </body>
</html>